$(document).ready(function () {
    /*头部导航*/
    $("#head-nav4").children(".drop-nav").show();
    $("#head-nav4_1").addClass("active");

    /*筛选下拉及标签切换*/
    var provinceCode = 20099;
    var industryCode = 21099;
    $(".town-lib-tab li").click(function () {
        $(".wrap-bg").show();
        $(this).siblings("li").children("i").removeClass("active")
        $(this).children("i").addClass("active");
        var index = $(this).index();
        $(".tab-labels").eq(index).siblings(".tab-labels").removeClass("show");
        $(".tab-labels").eq(index).addClass("show");
    });
    $("#province-tab span").click(function(){
        provinceCode = $(this).data('pcode');
        $("#townsList").empty();
        $(".mescroll-upwarp").remove();
        changeTownList();
        $(this).siblings("span").removeClass("active");
        $(this).addClass("active");
        $(".tab-labels").removeClass("show");
        $(".town-lib-tab li").children("i").removeClass("active");
        $(".wrap-bg").hide();
    });
    $("#industry-tab span").click(function () {
        industryCode = $(this).data('icode');
        $("#townsList").empty();
        $(".mescroll-upwarp").remove();
        changeTownList();
        $(this).siblings("span").removeClass("active");
        $(this).addClass("active");
        $(".tab-labels").removeClass("show");
        $(".town-lib-tab li").children("i").removeClass("active");
        $(".wrap-bg").hide();
    });
    $(".wrap-bg").click(function () {
        $(".tab-labels").removeClass("show");
        $(".town-lib-tab li").children("i").removeClass("active");
        $(".wrap-bg").hide();
    });


    function changeTownList() {
    //创建MeScroll对象
        var mescroll = new MeScroll("mescroll", {
            up: {
                auto: true, //是否在初始化时以上拉加载的方式自动加载第一页数据; 默认false
                isBounce: false, //此处禁止ios回弹,解析(务必认真阅读,特别是最后一点): http://www.mescroll.com/qa.html#q10
                callback: upCallback //上拉回调,此处可简写; 相当于 callback: function (page) { upCallback(page); }
            }
        });

        /*上拉加载的回调 page = {num:1, size:10}; num:当前页 从1开始, size:每页数据条数 */
        function upCallback(page){
            //联网加载数据
            getListDataFromNet(page.num, page.size, function(curPageData){
                //联网成功的回调,隐藏下拉刷新和上拉加载的状态;
                //mescroll会根据传的参数,自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
                console.log("page.num="+page.num+", page.size="+page.size+", curPageData.length="+curPageData.length);

                mescroll.endSuccess(curPageData.length);

                //设置列表数据
                setListData(curPageData, true);
            }, function(){
                //联网失败的回调,隐藏下拉刷新和上拉加载的状态;
                mescroll.endErr();
            });
        }


        /*设置列表数据*/
        function setListData(curPageData, isAppend) {

            var listDom = document.getElementById("townsList");
            for (var i = 0; i < curPageData.length; i++) {
                var newObj=curPageData[i];

                var str = '<a href="/think_tank_town_detail/' + newObj.townid + '">\
                                <img src="'+newObj.image+'">\
                                <p>'+newObj.name+'</p>\
                            </a>';
                var liDom=document.createElement("li");
                liDom.innerHTML=str;
                if (isAppend) {
                    listDom.appendChild(liDom);//加在列表的后面,上拉加载
                } else{
                    listDom.insertBefore(liDom, listDom.firstChild);//加在列表的前面,下拉刷新
                }
            }
        }
        /**
         * 联网加载列表数据
         */
        var downIndex=0;
        function getListDataFromNet(pageNum,pageSize,successCallback,errorCallback) {
            $.ajax({
                type: 'get',
                url: '/townList',
                data:{
                    page: pageNum,
                    limit: pageSize,
                    province: provinceCode,
                    industry: industryCode,
                },
                success: function(data){
                    data=JSON.parse(data);
                    var listData=data.data.townList;
                    //回调
                    successCallback(listData);
                },
                error: errorCallback
            });
        }
    }

    changeTownList();
});
